@media screen and (max-width: 800px){
	#actions{	
		margin-left: 55px;
	}
	#perfil-user{
		display: none;
	}
	#user-info-active{
		margin-left: -23px;
		margin-top: -35px;
		z-index: 2;
		display: block;
		opacity: 0;

	}
	.ca-main{
		display:none;
	}
	.ca-icon{
		margin-left: 8px;
		margin-top: -10px;
	}
	.menu-content{
		width: 54px!important;	
	}

	.menu{
		width: 55px!important;
	}
	#banner hgroup h2{
		display: none;
	}	
	#banner hgroup h1{
		margin-top: 10px;
	}
	#footer-menu table th tr td{
		display: block!important;
	}	
	#footer-menu  .small-grey{
		display: none;
	}
	
}
@media (min-width: 318px) and (max-width: 480px){
	#addresses{
		margin-top: -80px!important;
		background: rgba(0,0,0,0.0)!important;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.0)!important;
		width: 300px;
	}
	#addresses legend{ display: none}
	#address{
		width: 150px!important;
	}
	#btnlivesearch{
		position: absolute;
		margin-left: 3px!important;
		width: 35px;
		height: 25px;
		margin-top: 0px!important;
		text-align: center!important;
	}
	#btnlivesearch small{
		display: none;
	}
	#simbology{
		display: none;
	}
	#zoomlevel{

		margin-left: 2px;
		margin-top: 542px!important;
	}
	#description{
		width: 245px;
		margin-left: 2%!important;
	}
	.soilimg{
		width: 245px!important;
	}
}
@media (min-width: 481px) and (max-width: 600px){
	#description{
		margin-left: 20%!important;
		width: 270px;
	}
	.soilimg{
		width: 270px;
	}
	#simbology{
		margin-top: 487px;
	}
	#addresses{
		margin-top: -80px!important;
		background: rgba(0,0,0,0.0)!important;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.0)!important;
		width: 300px;
	}
	#addresses legend{ display: none}
	#address{
		width: 150px!important;
	}
	#btnlivesearch{
		position: absolute;
		margin-left: 3px!important;
		width: 35px;
		height: 25px;
		margin-top: 0px!important;
		text-align: center!important;
	}
}
@media (min-width: 601px) and (max-width: 800px){
	#addresses{
		margin-top: -80px!important;
		background: rgba(0,0,0,0.0)!important;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.0)!important;
		width: 300px;
	}
	#addresses legend{ display: none}
	}
	#description{
		margin-left: 32%;
	}
	#address{
		width: 150px!important;
	}
	#btnlivesearch{
		position: absolute;
		margin-left: 3px!important;
		width: 35px;
		height: 25px;
		margin-top: 0px!important;
		text-align: center!important;
	}
	@media (min-width: 801px) and (max-width: 1023px){
		#addresses {
		  margin-top: -95px;
		  padding: 8px;
		  z-index: 5!important;
		  position: absolute;
		  width: 300px;
		  height: 100px;
		  margin-left: 171px;
		  background: rgba(0,0,0,0.0);
		  box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
		}
		#addresses legend{
			display: none;
		}
		#address{
			width: 70%;
		}
		#btnlivesearch{
		position: absolute;
		margin-left: 3px!important;
		width: 35px;
		height: 25px;
		margin-top: 0px!important;
		text-align: center!important;
	}
	#btnlivesearch small{
		margin-top: -19px;
	}
	}
@media (min-width: 1280px) and (max-width: 1920px){
	#zoomlevel{
	position: absolute;
	z-index: 5!important;
	text-align: center;
	padding: 1px;
	margin-left: 10px;
	margin-top: 160px;
}
#more{
	margin-top: -10px;
	display: block;
}
#less{
	margin-top: -10px;
	display: block;
}
#addresses{
	margin-top: 24px;
	padding: 8px;
	z-index: 5!important;
	position: absolute;
	width: 280px;
	height: 100px;
	margin-left: 10px;
}
#simbology{
	margin-top: 380px;
	margin-left: 10px;
	position: absolute;
	padding: 8px;
}
#simbology nav ul li{
	color: #ededed;
	list-style: none;
	font-size: 12px;	
}
#simbology nav ul li span{
	margin-right: 6px;
}
.vertisol{
	color: rgba(120,60,19,0.32);
	border: solid 3px #141615;
}
.fluvisol{
	color: rgba(0,120,120,0.8);
	border: solid 3px #141615;
}
.leptosol{
	color: rgba(20,255,180,0.8);
	border: solid 3px #141615;
	
}
.n-a{
	color: rgba(255,255,255,0.8);
	border: solid 3px #141615;
		
}
.s-e{
	color: rgba(179,180,180,0.7);
	border: solid 3px #141615;
	
}
.a-h{
	color: #0d0d0d;
	border: solid 3px #141615;
}
.v-t{
	color: #0d0d0d;
}
.cbutton__icon{
	color: #d2d3d3;
}
.control-background legend{
	color: #EDEDED;
	font-size: 14px;
	text-align: center;
	boder: none!important;
	border-bottom: 0px;
}
.control-background legend:after{
	content: ' ';
	display: block;
	margin-left: 0%;
	height: 1px;
	margin-top: 1px;
	background: -moz-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(237,237,237,0.2) 20%, rgba(237,237,237,0.8) 53%, rgba(237,237,237,0.2) 79%, rgba(237,237,237,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,237,237,0)), color-stop(20%,rgba(237,237,237,0.2)), color-stop(53%,rgba(237,237,237,0.8)), color-stop(79%,rgba(237,237,237,0.2)), color-stop(100%,rgba(237,237,237,0))); 
	background: -webkit-linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0.2) 20%,rgba(237,237,237,0.8) 53%,rgba(237,237,237,0.2) 79%,rgba(237,237,237,0) 100%);  
	background: -o-linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0.2) 20%,rgba(237,237,237,0.8) 53%,rgba(237,237,237,0.2) 79%,rgba(237,237,237,0) 100%); 
	background: -ms-linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0.2) 20%,rgba(237,237,237,0.8) 53%,rgba(237,237,237,0.2) 79%,rgba(237,237,237,0) 100%); 
	background: linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0.2) 20%,rgba(237,237,237,0.8) 53%,rgba(237,237,237,0.2) 79%,rgba(237,237,237,0) 100%); 
}
#addresses #btnlivesearch{
	margin-top: -10px;
	margin-left: 110px;
	width: 72px!important;
}
#btnlivesearch small{
	display: inherit!important;
	color: #ededed!important;
	z-index: 6!important;
}
#addresses input[type="text"]{
	margin-bottom: 8px;
	margin-top: -15px;
	padding-top: -15px;
	border: solid 1px rgba(0,0,0,0.4);
	border-radius: 0.25em;
	color: #000;
	font-weight: normal;
	box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.2);
	width: 90%;
	height: 24px;
}
#address{
	margin-top: -20px;
	background: url(images/address.png)left no-repeat  #FFF;
	padding-left: 28px;
}
#description{
	width: 300px;
	margin-left: 60%;
	position: absolute;
	margin-top: 24px;
}
.soilimg{
	width: 300px;
	height: 40px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.soildescription{
	color: #ededed;
	font-size: 12px;
	text-align: justify;
	padding: 5px;
}
.d-url{
	font-family: 'OpenSans_lightitalic';
	font-size: 12px;
	color: #fdfdfd;
}
.d-link{
	font-size: 14px;
	font-weight: bold;
	color: #3cc59d;
	font-style: italic;
}
#close_infowindow{
	margin-left: 92.1%;
	border-radius: 100%;
	boder: solid 3px rgba(69, 69, 69, 0.69);
	width: 22px;
	height: 22px;
	position: absolute;
	margin-top: 2px;
	display: none;
}
#close_infowindow i{
	color: #ededed;
}
}
}